<template>
    <div>
        <div v-show="isShow">
            <div class="gray">&nbsp;&nbsp;&nbsp;沈北新区纪委监委举报方式</div>
            <Row :gutter="70">
                <Col span="12">
                    <div class="title">举报电话</div>
                    <div class="little">024-89860315</div>
                </Col>
                <Col span="12">
                    <div class="title1">举报信箱</div>
                    <div class="little">sbxqjw@163.com</div>
                </Col>
            </Row>
            <Row :gutter="70">
                <Col span="12">
                    <div class="title2">举报信函</div>
                    <div class="little">
                        <span class="address">沈阳市沈北新区沈北路39-1号</span>
                        <span class="code">邮编：110136</span></div>
                </Col>
                <Col span="12">
                    <div class="title3">举报信箱</div>
                    <div class="little">沈阳市沈北新区沈北路39-1号</div>
                </Col>
            </Row>
            <Row :gutter="70">
                <Col span="12">
                    <div class="title4" @click="report">网上举报</div>
                </Col>
                <Col span="12">
                    <div class="title5">举报查询</div>
                </Col>
            </Row>
        </div>
    </div>
</template>

<script>
export default {
  name: 'RightContent',
  props: {
    title: {
      type: String,
      default: () => {
        return ''
      }
    },
    isShow: {
      type: Boolean,
      default: () => {
        return false
      }
    }
  },
  data () {
    return {
    }
  },
  methods: {
    report () {
      this.$emit('result', 3)
    }
  },
  mounted () {

  }
}
</script>

<style scoped lang="less">
    .gray{
        height: 50px;
        background-color: #ebebeb;
        line-height: 50px;
        font-size: 20px;
        color: #0166b6;
    }
    .title{
        border: 3px #0166b6 solid;
        border-bottom:none;
        font-weight: bolder;
        height: 70px;
        background-color: #88ABDA;
        color: white;
        font-size: 22px;
        line-height: 70px;
        text-align: center;
        margin-top: 30px;
    }
    .title1{
        border: 3px #0166b6 solid;
        border-bottom:none;
        font-weight: bolder;
        height: 70px;
        background-color: #5F8CDD;
        color: white;
        font-size: 22px;
        line-height: 70px;
        text-align: center;
        margin-top: 30px;
    }
    .title2{
        border: 3px #0166b6 solid;
        border-bottom:none;
        font-weight: bolder;
        height: 70px;
        background-color: #3D69BA;
        color: white;
        font-size: 22px;
        line-height: 70px;
        text-align: center;
        margin-top: 30px;
    }
    .title3{
        border: 3px #0166b6 solid;
        border-bottom:none;
        font-weight: bolder;
        height: 70px;
        background-color: #314792;
        color: white;
        font-size: 22px;
        line-height: 70px;
        text-align: center;
        margin-top: 30px;
    }
    .title4{
        border: 3px #0166b6 solid;
        font-weight: bolder;
        height: 100px;
        background-color: #3D69BA;
        color: white;
        font-size: 22px;
        line-height: 100px;
        text-align: center;
        margin-top: 30px;
    }
    .title4:hover{
        border: 3px #0166b6 solid;
        font-weight: bolder;
        height: 100px;
        background-color: white;
        color: #3D69BA;
        font-size: 22px;
        line-height: 100px;
        text-align: center;
        margin-top: 30px;
        cursor: pointer;
    }
    .title5{
        border: 3px #0166b6 solid;
        font-weight: bolder;
        height: 100px;
        background-color: #314792;
        color: white;
        font-size: 22px;
        line-height: 100px;
        text-align: center;
        margin-top: 30px;
    }
    .title5:hover{
        border: 3px #0166b6 solid;
        font-weight: bolder;
        height: 100px;
        background-color: white;
        color: #314792;
        font-size: 22px;
        line-height: 100px;
        text-align: center;
        margin-top: 30px;
        cursor: pointer;
    }
    .little{
        font-weight: bolder;
        height: 150px;
        border: 3px #0166b6 solid;
        color: black;
        font-size: 24px;
        text-align: center;
        line-height: 150px;
    }
    .code{
        position: absolute;
        left: 200px;
        top: 120px;
    }
    .address{
        position: absolute;
        top: 80px;
        left: 130px;
    }
</style>
